import React from "react";
import {SearchBar} from "antd-mobile";
import {AddOutline, AudioFill, DownOutline} from 'antd-mobile-icons'
/**
 * 顶部
 */
class App extends React.Component{
    constructor(props) {
        // 数组的话就只能创建一个空的，然后遍历传进来的数组追加
        super(props);
        this.state={

        }
    }
    render() {
        return (
            <div className={"headerApp"}>
               <span className={"meituan"}>南充<DownOutline fontSize={14}/></span>
                <SearchBar placeholder='浅奈の日式蛋包饭' onSearch={
                    value => {
                        // console.log("搜索的内容是:",value);
                    }
                } className={"searchDiv"}/>
                <div className={'other'}>
                    <AudioFill fontSize={23}/>
                    <AddOutline fontSize={23}/>
                </div>
            </div>
        );
    }
}
export default App